16 Nice CSS3 Navigation Bar Showcase

1. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe change Tab Content, Left and Right keys change Tab Content, Combine AJAX Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot CSS option to customize…

CSS3 Animation Effects.Navion – Metro Navigation Menu Accordion Switcher CSS

More Details

2. Elusive CSS3 Mega Menu

featured image

Elusive CSS3 Mega Menu

Pure HTML5/CCS3 Mega Navigation Menu that fits well with any website or webpage.

More Details

3. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu.CSS3 animations

Vertically centered multilined text for lengthy navigation titles

More Details

4. Sky Mega Menu

featured image

Beautiful CSS3 animationsThere are 4 animation effects based pure CSS3: scale, slide, tilt and fade.

More Details

5. Stick it. HTML5 & CSS3 Sticky Footer

featured image

with a HTML5 CSS3 slideshow

CSS3 sticky footer is made to be easly integrated into almost any website with a flexible support for modern browsers and comes with packed elements to spice up any footer content. CSS3 HTML5 layout

More Details

6. Negar - Responsive Vertical And Horizontal Menu

featured image

Based in pure CSS3 vertical menu

PURE CSS3/HTML5

More Details

7. Narsis CSS3 Glassy Menu

featured image

Narsis Glassy Menu is highly customizable CSS3 animation effects image hover.All HTML5, CSS3 JavaScript codes are fully validated and cleaned. Animations Effects make with CSS3 transitions css3 not work in IE

More Details

8. Pure Css3 Responsive Navigation

featured image

Pure Css3

Horizontal Navigation

More Details

9. Universal Responsive Mega Menu

featured image

For each version of the menu, responsive and non-responsive, you have 6 HTML files with various examples of what you can do with the menu, from simple navigation bar without drop downs to a combination of 2 mega menus on a same page. You also may notice some differences between browsers : some CSS3 effects like shadows or CSS3 slideshow tutorial are not showing up in Internet Explorer example (for more informations on this topic, you can visit findmebyIP).

More Details

10. 3d Mega Menu for Bootstrap

featured image

The 3D effects will not work in old browsers which is not support transition CSS3

More Details

11. Hody - Hidden Simple Menu

featured image

Include HTML5/CSS3 JavaScript file

More Details

12. Orion - Responsive Menu

featured image

Orion is responsive, collapsible, works CSS3 animations and has 8 preset styles.CSS3 animations

More Details

13. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you create anything from just simple plabutton to a complex drop-down navigation menu bar with very less amount of effort. Everything is build with pure CSS3 menu (image used, no JavaScript) and very easy to customize. • Pure and Valid CSS3

Navigation Bar

More Details

14. Navion - Metro Navigation Menu Accordion Switcher

featured image

Navion – Metro Navigation Menu Accordion Switcher CSS

Navion – Metro Navigation Menu Accordion Switcher CSS is a small CSS plugin that is used create navigation menu for modern sites with Responsive Design feature.Three Main vertical navigation menu CSS Sizes.CSS3 Animation Effects.Metro Navigation Bar CSS

More Details

15. Metro Style CSS3 Menu

featured image

Metro Style CSS3 Menu

Pure HTML5/CCS3 Metro Style Navigation Menu that fits well with any website or webpage.

More Details

16. Pull-Out Content Panel

featured image

CSS3 animations

Navigation system

Please note that some features don’t show up on some browsers, example gradients CSS3 transitions don’t work under Internet Explorer 7-8.

More Details